@charset "utf-8";
@import url('reset.css');

/* 样式文件 */

body{ text-align:left;background:#fcfcfc url(../images/v3-body_bg.png) repeat-y -100px top; }
.wrap{position:relative;width:96%;margin:0 auto;background:url(../images/v3-left_bg.jpg) repeat-y 1px top;_height:auto !important;_height:900px;_overflow:visible;}

.wrap .left{width:170px; padding-left:1px; padding-top:15px;font-size:14px;position:absolute; left:0; top:0px;}
.wrap .left h1.logo{ height:65px; background:url(../images/logo.gif) no-repeat center; text-indent:-999px; overflow:hidden; margin-bottom:35px;}

.wrap .left dl{ margin-bottom:10px; padding-left:15px;}
.wrap .left dl dt{height:31px;line-height:31px;text-shadow: 0 1px 0 #666; margin-bottom:6px; text-align:right;margin-top:18px;color:#fff;}
.wrap .left dl dt a{color:#fff; display:block; height:31px;background:url(../images/menu_bg1.jpg) no-repeat left top; padding-right:10px;}
.wrap .left dl dt.m2 a{ background-position:left -60px;}
.wrap .left dl dt.m3 a{ background-position:left -120px;}
.wrap .left dl dt.m4 a{ background-position:left -180px;}
.wrap .left dl dt.m5 a{ background-position:left -240px;}
.wrap .left dl dt.m6 a{ background-position:left -300px;}
.wrap .left dl dt.m7 a{ background-position:left -360px;}
.wrap .left dl dt.m8 a{ background-position:left -420px;}
.wrap .left dl dt.current a{ background-image:url(../images/menu_bg2.jpg);color:#222;text-shadow: 0 1px 0 #fff; font-weight:bold;}

.wrap .left dl dd{height:30px; line-height:30px; padding-right:20px;font-size:12px;text-align:right;}
.wrap .left dl dd a{ color:#eee;text-shadow: 0 2px 0 #000000;}
.wrap .left dl dd a:hover{color:#fff; text-decoration:underline;}
.wrap .left dl dd.current{background:url(../images/bg-menu-item-green3.gif) no-repeat right center;}
.wrap .left dl dd.current a{color:#fff;text-shadow: none; font-weight:bold; background:#000;}
.wrap .left dl dd.ad{ height:90px; padding:20px 50px 0 0;}
.wrap .left dl dd.ad img{ border:5px solid #FFF; border-bottom-width:2px;}

.wrap .right{ padding:10px 10px 0; margin-left:175px;min-height:900px;}

#top{height:40px; line-height:40px;background:#000;box-shadow: 0px 0px 10px #666;margin-bottom:20px;}
	#top .bd{ text-align:left;color:#999; width:95%; margin:0 auto;}
	#top .bd a{ padding:0 4px; color:#FFF;}
	#top .bd img{ vertical-align:text-bottom;}

.browser{color:#222; background:#FFF5F6 url(../images/alert.png) no-repeat 12px center; border:1px solid #FF8C40; padding:12px 7px 12px 40px; margin-bottom:10px; font-weight:bold; line-height:20px;}


.welcome{  margin-bottom:15px; padding-bottom:10px; border:1px solid #E4E4E4;
-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;border-top-right-radius: 4px;}
.welcome .u{ width:110px;margin:0 0 20px 19px; text-align:center; color:#528CE0; line-height:24px;}
.welcome h3{ height:38px; line-height:38px; font-size:16px;border-bottom:1px solid #ccc; margin-bottom:10px;color:#444; padding-left:20px; background:url(../images/h3.png) repeat-x left center;}
.welcome .u img.slogo{ border:1px solid #eee; margin-bottom:4px;}

.welcome .n{ width:130px; text-align:center; margin-bottom:11px; margin-left:10px; background:#317EE8;}
.welcome .n a{ color:#fff; font-weight:bold;display:block; height:60px; line-height:60px; font-size:14px;text-shadow: 1px 1px 0 #555;}
.welcome .n a:hover{ text-decoration:underline;}
.welcome .n img{ margin-bottom:6px;}

.moduleTips{ background:#FFFFE5; color:#000;padding:8px;border:1px solid #FFCC7F; margin-bottom:10px;}
.moduleTips a{ color:#960; text-decoration:underline;}
.moduleTips strong{ font-size:14px; padding:0 3px; color:#3A9418;}
.moduleTips span{ color:#FF6600;}


.login{ width:680px; height:360px;margin:0 auto; background:url(../images/login.jpg) no-repeat; position:relative;}
.login #denglu ,.login #dinggou{ display:block; position:absolute; top:235px;width:150px; height:55px; font-size:1px;}
.login #denglu{ left:150px; color:#F5F5F7;}
.login #dinggou{ left:398px; color:#EFEFF1;}



.step{ margin-bottom:5px; background:#FFF;}
.step h3.step_hd{ height:30px; line-height:30px; padding-left:20px; background:url(../images/h3.jpg) repeat-x left top;border:1px solid #CCC;}
.step .step_bd{ border:1px solid #CCC; border-width:0 1px 1px; padding:10px 0; display:none;}
.style_box li{width:340px; float:left; margin:10px 0 10px 18px; text-align:center; padding:12px 0 10px;box-shadow: 0px 0px 6px #404E4B; border:1px solid #A1A6B3;}

.style_box li:hover{box-shadow: 0px 0px 6px #0187C6;}
.style_box li img.thumb{ border:1px solid #CCC; padding:1px;}
.style_box li a.yulan{ padding:0 2px;}
.style_box li .hf{ background:#fff url(../images/se.png) no-repeat center bottom;margin:10px auto 0; text-align:left; padding-left:20px; color:#666;}
.style_box li .hf .np{ height:25px;}
.style_box li .hf p{ height:30px; line-height:30px;padding-left:58px; position:relative;font-weight:bold;}
.style_box li .hf p .style_btn{ cursor:pointer;background:none; border:none;  color:#FFF; font-size:14px; position:absolute; display:block; width:100px; height:28px; top:0; right:22px;}
.style_box li .hf p .style_btn:hover,
.style_box li .hf p .pitched{ color:#000; text-decoration:underline;}


#step01 .step_bd{ text-align:center;}
#step01 .step_bd span{ display:inline-block; width:180px; height:90px; line-height:90px; margin: 0 10px; background:#F8F8F8 url(../images/bg2.gif); border:1px solid #ccc; font-size:24px; cursor:pointer; color:#666;}
#step01 .step_bd span.pitched{ border-color:#A6CB7A; background:#A6CB7A url(../images/ok.png) no-repeat 5px 5px; color:#FFF; font-weight:700;}

.btns{padding:0 30px 10px 30px; text-align:center;}
.btns input{ width:454px; height:29px; background:url(../images/backto.gif) no-repeat; color:#FFF; border:none; cursor:pointer;}

.catsManage dl{ border:1px solid #D5E4FA; margin:0 10px; color:#999;}
.catsManage dl dd{ border-bottom:1px solid #D5E4FA; padding:8px 8px 8px 20px;}
.catsManage dl dd .gname{ display:inline-block; width:60%; color:#333; font-weight:700;}
.catsManage dl dt{ padding:8px 20px 8px 8px; background:#F5F9FF; text-align:right;}

.wwManage dl{ border:1px solid #D5E4FA; margin:0 10px; }
.wwManage dl dd{ border-top:1px solid #D5E4FA; padding:8px 8px 8px 40px; color:#666;}
.wwManage dl dd .nick{ display:inline-block; width:60%;}
.wwManage dl dt{ padding:8px 8px 8px 20px; background:#F5F9FF;color:#333; font-weight:700;}

.wwAdd{ padding:10px 15px; margin:0 10px 8px; background:#CCE1B2; line-height:24px;}


#addWwGroupForm,
#editWwGroupForm{ padding:0 10px 20px; margin:20px 10px;background:url(../images/bg3.png) repeat-x left bottom; border:1px solid #ddd;}
#addWwGroupForm h3,
#editWwGroupForm h3{ margin-bottom:10px; padding-top:10px; color:#10A2ED;}

.syncww{ text-align:right; padding:0 20px 10px 0;}


.f100Table{ width:98%; margin:0 auto;}
.f100Table th{background:#F5F9FF;border:1px solid #D5E4FA; padding:8px 10px; font-size:12px; color:#459300; font-weight:800;}
.f100Table td{border:1px solid #D5E4FA;padding:5px 10px; }












#footer{color:#666;padding:50px 0 10px; line-height:22px; text-align:center;}